<!DOCTYPE html>
<html lang="en">
        <head>
        <meta charset="UTF-8">
        <link rel="shortcut icon" href="./img/百度小标.png" type="image/x-icon">
        <mata name="viewport" content="width=device-width, initial-scale=1.0">
        <mata http-equiv="X-UA-Compatible" content="ie=edge">
        <mata name="description" content="吾在造梦仿写的百度">
        <mata name="keywords" content="百度">
        <mata name="author" content="吾在造梦">
        <link rel="stylesheet" href="./CSS/baidu.css">
        <title>百度一下，你就知道</title>
    </head>
    <body>
        <!--头部-->
       <div id="head">
        <div id="head-left">
            <a href="https://news.baidu.com" target="_bank">新闻</a>
            <a href="https://www.hao123.com" target="_bank">hao123</a>
            <a href="https://map.baidu.com" target="_bank">地图</a>
            <a href="https://tieba.baidu.com" target="_bank">贴吧</a>
            <a href="https://haokan.baidu.com" target="_bank">视频</a>
            <a href="https://image.baidu.com" target="_bank">图片</a>
            <a href="https://pan.baidu.com" target="_bank">网盘</a>
            <!--做“更多”的那个框-->
           <div id="head-left-more">
            <a href="https://www.baidu.com/more/" target="_bank">更多</a>
            <div id="hide-div">

              <!--隐藏框内容-->
              <div id="con">
                 <a href="https://fanyi.baidu.com/" target="_bank" >
                 <img id="img" src="./img/翻译.png" alt=""/></br>
                 <span id="text">翻译</span>
              </a>
              </div>
             
              <div id="con">
                <a href="https://xueshu.baidu.com/" target="_bank" >
                <img id="img" src="./img/学术.png" alt=""/></br>
                <span id="text">学术</span>
             </a>
             </div>

             <div id="con">
              <a href="https://wenku.baidu.com/" target="_bank" >
              <img id="img" src="./img/文库.png" alt=""/></br>
              <span id="text">文库</span>
              </a>
              </div>

              <div id="con">
                <a href="https://baike.baidu.com/" target="_bank" >
                <img id="img" src="./img/百科.png" alt=""/></br>
                <span id="text">百科</span>
              </a>
              </div>

              <div id="con">
                <a href="https://baike.baidu.com/" target="_bank" >
                <img id="img" src="./img/知道.png" alt=""/></br>
                <span id="text">知道</span>
            </a>
           </div>

              <div id="con">
                <a href="https://baike.baidu.com/" target="_bank" >
                <img id="img" src="./img/健康.png" alt=""/></br>
                <span id="text">健康</span>
                </a>
                </div>

                <div id="con">
                  <a href="https://baike.baidu.com/" target="_bank" >
                  <img id="img" src="./img/营销推广.png" alt=""/></br>
                  <span id="text">营销推广</span>
              </a>
              </div>

              <div id="con">
                <a href="https://baike.baidu.com/" target="_bank" >
                <img id="img" src="./img/直播.png" alt=""/></br>
                <span id="text">直播</span>
                  </a>
                  </div>

              <div id="con">
                <a href="https://baike.baidu.com/" target="_bank" >
                <img id="img" src="./img/音乐.png" alt=""/></br>
                <span id="text">音乐</span>
              </a>
              </div>

        <!--设置隐藏框底部的文字-->
            <div id="com">
              <a id="bottom-text" href="https://www.baidu.com/more/" target="_bank" >查看全部百度产品&gt;</a>
            </div>

            </div>
           </div>
        </div>
       <!--右上角（头右）-->
        <div id="head-right">
        <!--设置右上角的“设置”-->
          <div id="head-right-div">
            <div id="sz">
              <div id="shezhi">设置</div>
              <div id="hide-divv">
              <div id="right-text">搜索设置</div>
              <div id="right-text">高级搜索</div>
              <div id="right-text">关闭预测</div>
              <div id="right-text">隐私设置</div>
              <div id="right-text">关闭热搜</div>
            </div><!--隐藏框的闭合-->
            </div>
            
            <!--设置登录按钮-->
            <div id="right-btn">
              <input type="submit" value="登录"/>
            </div>
            

            
          </div>

        </div>


       </div>
       <!--身体-->
       <div id="body">
        <!--百度logo-->
          <a  id="big-logo"  href="https://top.baidu.com/" target="_bank">
            <img src="./img/百度-logo.png" slt=""/>
          </a>

         <form action="">
           <div id="search">
            <!--找到搜索框对应的位置-->
            <div id="search-input">
                <!--实际展示的搜索框-->
                <input type="text"/>
            </div>
             <!--找到搜索按钮对应的位置-->
            <div id="search-btn">
                <!--实际展示的搜索按钮-->
                <input type="submit" value="百度一下"/>
            </div>
          </div>
         </form>
        <div id="hot">
          <div id="hot-left">
            <a href="https://top.baidu.com/"> 百度热搜&gt;</a>
          </div>
          <div id="hot-right">
            <a href="">&#10227; 换一换</a>
          </div>
        </div>
        <ul id="hot-ul">
          <li class="li-left">
            <span class="num" style="color:red">1</span>
            <span class="font">为中俄关系定向领航</span>

          </li>

          <li class="li-right">
            <span class="num">4</span>
            <span class="font">苏州大学回应学生恶意P图侮辱女性</span>
          </li>

          <li class="li-left">
            <span class="num" style="color:#f60">2</span>
            <span class="font">25岁女生长期熬夜长出老年斑</span>
          </li>

          <li class="li-right">
            <span class="num">5</span>
            <span class="font">苏州大学回应学生恶意P图侮辱女性</span>
          </li>

          <li class="li-left">
            <span class="num" style="color:#faa90e">3</span>
            <span class="font">俄方回应国际刑事法院下令逮捕普京</span>
          </li>

          <li class="li-right">
            <span class="num">6</span>
            <span class="font">男子整形后称没法靠颜值吃饭了</span>
          </li>
        </ul>
       </div>
       <!--脚-->
       <div id="foot">
        <div id="foot-div">
          <p class="1h">
            <a class="text-color" href="https://home.baidu.com/" target="_bank">关于百度</a>
          </p>

          <p class="1h">
            <a class="text-color" href="https://ir.baidu.com/" target="_bank">About Baidu</a>
          </p>

          <p class="1h">
            <a class="text-color" href="https://www.baidu.com/duty/" target="_bank">使用百度前必读</a>
          </p>

          <p class="1h">
            <a class="text-color" href="https://help.baidu.com/" target="_bank">帮助中心</a>
          </p>

          <p class="lh">
            <a class="text-color" href="https://e.baidu.com/?refer=1271" target="_bank">企业推广</a>
          </p>

          <p class="1h">
            <a class="text-color" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001" target="_bank">京公网安备11000002000001号</a>
          </p>

          <p class="1h">
            <a class="text-color" href="https://beian.miit.gov.cn/#/Integrated/index" target="_bank">京ICP证030173号</a>
          </p>

          <p class="1h">
            <a class="text-color" href="https://www.baidu.com/licence/" target="_bank">信息网络传播视听节目许可证 0110516</a>
          </p>

          <p class="1h">
            <span class="text-color"  target="_bank">互联网宗教服务信息许可证编号：京（2022）000043</span>
          </p>

          <p class="1h">
            <span class="text-color" target="_bank">药品医疗器械网络信息服务备案（京）网药械信息备字（2021）第00159号</span>
          </p>
         
        </div>
       </div>
    </body>
</html>
